File: /var/www/kevin-demo/wp-content/themes/fitmencook/template-parts/newsletter.php
<div class="fmc_newsletter spacing_2">
<div class="fmc_container">
<div class="img_bg">
<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/kevin-newsletter-image.png" alt="">
</div>
<div class="fmc_newsletter_inner">
<span class="nl_prefix">Subscribe</span>
<h2 class="fmc_title_2 title_spacing_3">Join The Fit Cook Newsletter</h2>
<div class="nl_content">Subscribe to our newsletter and get latest updates right in your inbox.</div>
<!-- <div class="klaviyo-form-TAx2tK nl_input"></div> -->
<!-- START - We recommend to place the below code where you want the form in your website html -->
<div class="sib-form" style="text-align: center;">
<div id="sib-form-container-hero" class="sib-form-container">
<div id="sib-container-hero" class="sib-container--medium sib-container--horizontal" style="text-align:center; background-color:rgba(255,255,255,1); max-width:350px; border: 1px solid #f2f4f7; box-shadow: 0px 8px 16px rgba(52, 64, 84, 0.08); border-radius: 11px; direction:ltr;">
<form id="sib-form-hero" class='sib-form-brevo' method="POST" action="https://aadd2d78.sibforms.com/serve/MUIFAP_narPfhS3MPDJQEBX5wCXJ4qxBsUsvgmEnC9tHmErmrL5y5CV0Rl5CNKCtniGf0ekIsWDe9bsy-rTea60dH8CvzpKLIKAyQ-uzLVskJdcS6I9mYAZBVLbcFpMUSj_Za6L6ny3qafzV9effoAeiyMr7sik7wEt72qQhIV2fRyp72mbxK2TlZkVoFzS4xG3C_q8_YV7KYZvQ" data-type="subscription">
<div style="padding: 8px 0;">
<div class="sib-input sib-form-block">
<div class="form__entry entry_block">
<div class="form__label-row form__label-row--horizontal">
<div class="entry__field" style="border:none; padding-left: 0; color: black;">
<input class="input" type="text" id="EMAIL-hero" name="EMAIL" autocomplete="off" placeholder="Email address" data-required="true" required />
</div>
</div>
<label class="entry__error entry__error--primary" style="font-size:16px; text-align:left; font-family:Helvetica, sans-serif; color:#661d1d; background-color:#ffeded; border-radius:3px; border-color:#ff4949;"></label>
</div>
</div>
</div>
<div style="padding: 8px 0;">
<div class="sib-form-block" style="text-align: left">
<button class="sib-form-block__button sib-form-block__button-with-loader" style="font-size:16px; text-align:left; font-weight:700; font-family:Helvetica, sans-serif; color:#FFFFFF; background-color:#ff885c; border-radius:11px; border-width:0px;" type="submit">
<svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512">
<path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" />
</svg>
Subscribe
</button>
</div>
</div>
<input type="text" name="email_address_check" value="" class="input--hidden">
<input type="hidden" name="locale" value="en">
</form>
</div>
</div>
</div>
<!-- END - We recommend to place the above code where you want the form in your website html -->
<!-- End Brevo Form -->
</div>
</div>
</div>